body {
    background-color: #F2F1DA;
    font-family: 'TheSansOffice', 'Arial', 'Calibri';
    font-size: 18px;
    color: #3A27A0
}

table {
    font-family: 'TheSansOffice', 'Arial', 'Calibri';
    font-size: 18px;
}

<!-- em wordt gebruikt bij de stamboom maar (nog) niet hier -->
em {
    display: inline-block;
    width: 270px;
    text-align: right;
    font-style: normal;
}

<!-- Om bij gebruik van p slechts één regel te verspringen, anders verspring je twee regels -->
p {
    margin:0em;
}

@media only screen and (max-width: 750px) {
    body{background-color: aqua}
    em{width: 135px;}
    p{font-family:'Arial Narrow'; font-size: 12px;}
}

.KnopGroen {
    border-style: outset;
	border-color: #339900;
	border-width: 1px;
	background-color: #3A27A0;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Arial Narrow', 'Arial', 'Calibri';
	width: 110;
	color: #ffffff;
    margin-bottom:8px; 
	border-radius: 8px;
}

.KnopFelGroen {
	border-style: outset;
	border-color: #ffffff;
	border-width: 1px;
	background-color: #ff0000;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Arial Narrow', 'Arial', 'Calibri';
	width: 110;
	color: #000000;
    margin-bottom:8px; 
	border-radius: 8px;
}

.KnopBlauw {
	border-style: outset;
	border-color: #001A99;
	border-width: 1px;
	background-color: #3399FF;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Arial Narrow', 'Arial', 'Calibri';
	width: 110;
	color: #ffffff;
    margin-bottom:8px; 
	border-radius: 8px;
}

.KnopFelBlauw {
	border-style: outset;
	border-color: #ffffff;
	border-width: 1px;
	background-color: #0000ff;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Arial Narrow', 'Arial', 'Calibri';
	width: 110;
	color: #FFFFFF;
    margin-bottom:8px; 
	border-radius: 8px;
}

.KnopRood {
    border-style: outset;
	border-color: #990000;
	border-width: 1px;
	background-color: #CC0033;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Arial Narrow', 'Arial', 'Calibri';
	width:  110;
	color: #ffffff;
    margin-bottom:8px; 
	border-radius: 8px;
}

.KnopFelRood {
	border-style: outset;
	border-color: #ffffff;
	border-width: 1px;
	background-color: #FF0000;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Arial Narrow', 'Arial', 'Calibri';
	width: 110;
	color: #000000;
    margin-bottom:8px; 
	border-radius: 8px;
}

.KnopGrootRood {
    border-style: KAKoutset;
	border-color: #990000;
	border-width: 1px;
	background-color: #FF0000;
	font-size: 25px;
	font-weight: bold;
	font-family: 'Arial Narrow', 'Arial', 'Calibri';
	width: 100;
	height: 100;
	color: #DADADA;
    margin-bottom:0px; 
	border-radius: 8px;
}